

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}
img{ border: 0pt;
 }
 
body { margin: 0px; font:normal 12px 'Trebuchet MS','Arial';  
 background:#FFF url("/images/fundodegrade.jpg");
 padding:0px 0px 0px 0px;
 list-style: none;
 background-repeat:repeat-x;
 height:100%;
 
 float:left;
 display:block; 
}

ul.menubar{
 margin: 0px;
 padding:0 0px 0 0px;
 background-color: #FFFFFF; /* IE6 Bug */
 font-size: 100%;
 width:100%;
 
}

ul.menubar .submenu{
 margin: 0px;
 padding:0 10px 0 5px;
 list-style: none;
 background-image:url(/images/back.gif);
 background-repeat:repeat-x;
 list-style:none;
 float:left;
 line-height:32px;
 display:block;
}

ul.menubar ul.menu{
 display: none;
 position: absolute;
 padding: 0 1px 1px 1px;
 margin: 0px;
}

ul.menubar a{
 padding: 0px;
 text-decoration: none;
 color: #FFF;
 padding:0 3px 0 3px;
 display:block;
 
	
}
ul.menubar a:hover{
padding-left: 3px;
background: url(/images/left.png) no-repeat left center;
}

ul.menubar a:hover span {
background:url(/images/right2.png) no-repeat right center;


}
ul.menubar a span {

padding:0 10px 0 7px;
display:block;
}
ul.menubar a span img {
border:none;
margin:8px 4px 0 3px;
display:block;
}
ul.menubar a:hover span img {
border:none;
margin:8px 04px 0px 3px;
display:block;
opacity:1.00;
-moz-opacity: 1.00;
filter: alpha(opacity=100);
}


ul.menu, ul.menu ul{
 margin: 0;
 padding:0 0px 0 0px;
 border-bottom: 0px solid #ccc;
 width: 200px; /* Width of Menu Items */
 background-color: #FFFFFF; /* IE6 Bug */
 display:block;
}

ul.menu li{
 position: relative;
 list-style: none;
 padding:0 0px 0 0px;
 background-color:#7EA6B8;
 display: block;
 filter:opacity(alpha=60); /* para o IE */
 -moz-opacity:0.6; /* para o FireFox */
 opacity:0.6; /* para o outros Navegadores */  
 }

ul.menu li a{
 display: block;
 text-decoration: none;
 border-bottom: 0px;
 color: #FFF;
 padding: 0px 0px 0px 0px;
 
}

ul.menu li sup{
 font-weight:bold;
 font-size:7px;
 color: red;
 padding: 0px 0px 0px 0px;
 
}

/* Fix IE. Hide from IE Mac \*/
/* End */
html ul.menu li { float: center;}
html ul.menu li a { height: 1%; }


ul.menu ul{
 position: absolute;
 display: none;
 left: 200px; /* Set 1px less than menu width */
 top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

